import styled from "styled-components";
import { Segmented, Drawer } from "antd";
export const MySegmented=styled(Segmented)`
        width: 100%;
        padding: 0;
        background-color: white !important;
    & .ant-segmented-group{
        display: flex;
        justify-content: space-around;
        
    }
    & .ant-segmented-item{
        width: 30%;
        border-radius: 5vw;
        background-color: #F1F1F1 !important;
        color: #616161;
    }
    & .ant-segmented-item-selected{
        background-color: #398DF9 !important;
        color: white;
        transition: color 0.1s;
    }
    & .ant-segmented-group > div{
        background-color: #398DF9;
        border-radius: 5vw;
        z-index: 2;
    }
`

export const MyDrawer=styled(Drawer)`
    & .ant-drawer-content-wrapper{
        width: 78vw !important;
    }
`